﻿@{
    ViewBag.Title = "Product";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<div class="container-fluid">

    @* <div class="col-lg-3" >
            @Html.Action("LoadLeftMenu", "Home")

        </div>*@
    <!--/span-->


</div>

<div class="col-lg-3">
    <div id="sidebar">
        <div class="panel panel-danger">
            <div class="panel-heading">
                <h3 class="panel-title">Quick Links</h3>
            </div>
            <div class="panel-body">
                <ul class="nav nav-pills nav-stacked" style="max-width: 300px;">
                    <li class="active"><a href="#"><i class="icon-home icon-white"></i>&nbsp;Product</a></li>
                    <li><a href="#"><i class="icon-tasks"></i>&nbsp;Products</a></li>
                    <li><a href="#"><i class="icon-user"></i>&nbsp;Users</a></li>
                    <li><a href="#"><i class="icon-cogs"></i>&nbsp;Roles</a></li>
                    <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown
                    <span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Action</a></li>
                            <li><a href="#">Another action</a></li>
                            <li><a href="#">Something else here</a></li>
                            <li class="divider"></li>
                            <li><a href="#">Logout</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--/span-->
    <!-- /block -->

</div>
<div class="col-lg-9">

    <div id="productCrud" class="panel panel-danger">
        <div class="panel-heading">
            <h3 class="panel-title">Add Product</h3>
        </div>
        <div class="panel-body">
            <div id="Success" class="alert alert-success" >
                <strong>Success!</strong>
                <span text="" id="lblSuccess" runat="server" />
            </div>
            <div id="Err" class="alert alert-dismissable alert-danger" >
                <strong>Error!</strong>
                <span text="" id="lblError" runat="server" />
            </div>

            <div class="divider"></div>

            <div class="form-group">
                <div class="pull-right col-lg-offset-2">
                    <button class="btn btn-primary">Save</button>
                    <button class="btn btn-default">Cancel</button>

                </div>
            </div>
        </div>
    </div>

     <div id="productData" class="panel panel-danger">
        <div class="panel-heading">
            <h3 class="panel-title">Products <span class="badge">42</span></h3>
        </div>
        <div class="panel-body">
            <div class="table-responsive">
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>#
                            </th>
                            <th>Table heading
                            </th>
                            <th>Table heading
                            </th>
                            <th>Table heading
                            </th>
                            <th>Table heading
                            </th>
                            <th>Table heading
                            </th>
                            <th>Table heading
                            </th>
                            <th>Action
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>1
                            </td>
                            <td>Table cell
                            </td>
                            <td>Table cell
                            </td>
                            <td>Table cell
                            </td>
                            <td>Table cell
                            </td>
                            <td>Table cell
                            </td>
                            <td>Table cell
                            </td>
                            <td align="center">
                                <span><a href="#" title="Edit Product" class="btn-sm btn-info"><i class="icon-pencil"></i></a></span>
                            </td>
                        </tr>
                        <tr>
                            <td>2
                            </td>
                            <td>Table cell
                            </td>
                            <td>Table cell
                            </td>
                            <td>Table cell
                            </td>
                            <td>Table cell
                            </td>
                            <td>Table cell
                            </td>
                            <td>Table cell
                            </td>
                            <td align="center">
                                <span><a href="#" title="Edit Product" class="btn-sm btn-info"><i class="icon-pencil"></i></a></span>
                            </td>
                        </tr>
                        <tr>
                            <td>3
                            </td>
                            <td>Table cell
                            </td>
                            <td>Table cell
                            </td>
                            <td>Table cell
                            </td>
                            <td>Table cell
                            </td>
                            <td>Table cell
                            </td>
                            <td>Table cell
                            </td>
                            <td align="center">
                                <span><a href="#" title="Edit Product" class="btn-sm btn-info"><i class="icon-pencil"></i></a></span>
                            </td>
                        </tr>
                        <tr>
                            <td>4
                            </td>
                            <td>Table cell
                            </td>
                            <td>Table cell
                            </td>
                            <td>Table cell
                            </td>
                            <td>Table cell
                            </td>
                            <td>Table cell
                            </td>
                            <td>Table cell
                            </td>
                            <td align="center">
                                <span><a href="#" title="Edit Product" class="btn-sm btn-info"><i class="icon-pencil"></i></a></span>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
